<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>病虫害诊断系统相册选图</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
</head>

<body class="back">

<div class="ywon_box">
	<h3>请选择作物：</h3>
    
    <ul class="ywon_btn clearfix">
    	<li><a href="#">水稻</a></li>
        <li><a href="#" class="on">玉米</a></li>
        <li><a href="#">烟草</a></li>
    </ul>
    <h3>请选择类别：</h3>
    
  <ul class="ywon_btn clearfix">
    	<li><a href="#" class="on">病害</a></li>
        <li><a href="#">虫害</a></li>
    </ul>
    
    <div class="mutually">
    	
        <a href="javascript:;" class="imgupload">
            <div>
                <input type="file" class="absmiddle" name="" id="">
            </div>
        </a>
    </div>

    
    <a href="#" class="ywon_see">历史查询</a>
    
</div>
<script type="text/javascript">
$(function(){
    $('body').on('click', '.ywon_btn li', function(event) {
        event.preventDefault();
        $(this).find('a').addClass('on').parent().siblings().find('a').removeClass('on')
    });      
})
</script>

</body>

</html>

